#includeCss(["validationEngine.jquery","css/fullcalendar"])
<STYLE type=text/css>
    .ui-datepicker {
        width: 23em;
        padding: .2em .2em 0;
        font-size: 70%;
        display: none;
    }
    
    #calendar {
        width: 900px;
        margin: 0 auto;
    }
    
    #loading {
        top: 0px;
        right: 0px;
    }
    
    .tooltip {
        padding-bottom: 25px;
        padding-left: 25px;
        width: 100px !important;
        padding-right: 25px;
        display: none;
        background: #999;
        height: 70px;
        color: red;
        font-size: 12px;
        padding-top: 25px;
        z-order: 10;
    }
    
    .ui-timepicker-div .ui-widget-header {
        margin-bottom: 8px;
    }
    
    .ui-timepicker-div dl {
        text-align: left;
    }
    
    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }
    
    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }
    
    .ui-timepicker-div td {
        font-size: 90%;
    }
    
    .ui-tpicker-grid-label {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
    }
    
    .ui-timepicker-rtl {
        direction: rtl;
    }
    
    .ui-timepicker-rtl dl {
        text-align: right;
    }
    
    .ui-timepicker-rtl dl dd {
        margin: 0 65px 10px 10px;
    }
    .fc-event-vert span.fc-event-conf { 
    position: absolute;
    z-index: 1;
    top: 0;
    right: 20px;
    width: 14px;
    height: 14px;
    float: right;
    font-weight: normal;
    text-align:center;
}
</STYLE>
<DIV id=wrap>
    <DIV id=calendar>
    </DIV>
    <DIV id=reserveinfo title=Details>
        <DIV id=revtitle>
        </DIV>
        <DIV id=revdesc>
        </DIV>
    </DIV>
   #parse("/status/_revert.html")
</DIV>
<!--static dialog-->
<div style="DISPLAY: none" id="dialog-message" title="错误">
    <p>
        <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
        请选取今天之后的日期进行预订!
    </p>
</div>
<!--static dialog-->
<div style="DISPLAY: none" id="dialog-meetingroom" title="选择会议室">
    <p>
        <SELECT id="meetingroom" class="selectpicker">
                    #foreach($meeting in $meetingRooms)<option value="$meeting.id" tv="$meeting.hasTv" lync="$meeting.hasLync" floor="$meeting.floor" it="$meeting.hasIt" phone="$meeting.hasPhone" maxNums="$meeting.maxNums" building="$meeting.building">$meeting.meetingName</option>#end
                </SELECT>
    </p>
</div>
<div style="DISPLAY: none" id="dialog-book" title="周期预定会议室">
    <p>
    </p>
</div>
<script type="text/javascript">
var meetingId="$!meetingId";
var bookEndTime="$!bookEndTime";
var bookStartTime="$!bookStartTime";
</script>
#includeJs(["a_calendar_fullcalendar","status/status"])